import TaskList from "./components/TaskList";
import Firends from "./components/Firends";

import "./index.scss";

const Task = () => {
  return (
    <div className="task-container">
      <div className="main-content-box">
        {/* banner */}
        <div className="banner-box">
          <img src="./images/task_banner.png" />
        </div>
        {/* 任务列表 */}
        <TaskList />
        {/* 我的好友 */}
        <Firends />
      </div>

      <div className="bottom-btn-box">
        <div className="btn-bg">邀请好友</div>
        <div className="btn-img">
          <img src="./images/copy_link.png" />
        </div>
      </div>
    </div>
  );
};
export default Task;
